@import '~@/px2vw.less';
@import '../../index.less';

.blankPage {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    // background: #fff;
}

.commonTitle {
    color: #2a2f3c;
    font-size: .px2vw(16) [ @vw];

    margin: 0 auto;
    padding: .px2vw(14) [ @vw] 0 0 .px2vw(15) [ @vw];
    font-weight: bold;
}

.uploadInfo {
    color: #858B9B;
    font-size: .px2vw(14) [ @vw];
    text-align: center;
    width: 90%;
    margin: .px2vw(24) [ @vw] auto 0;
    line-height: .px2vw(24) [ @vw];
}

.formatInfo {
    color: #bcc1cd;
    text-align: center;
    font-size: .px2vw(12) [ @vw];
}

:global {
    .am-input-control {
        ::-webkit-input-placeholder {
            font-size: .px2vw(11) [ @vw];
            color: #bcc1cd;
        }
    }
}

.softTable {
    border-radius: .px2vw(4) [ @vw];
    background: #f7f8fb;
    overflow: hidden;
    margin: .px2vw(12) [ @vw] auto 10px;
    table-layout: fixed;
    width: 100%;

    thead {
        tr {
            border-radius: .px2vw(4) [ @vw] .px2vw(4) [ @vw] 0 0;
            overflow: hidden;

            background-color: #bcc1cd;

            th {
                width: 33.33%;
                color: white;
                line-height: .px2vw(25) [ @vw];
                font-size: .px2vw(12) [ @vw];
                padding: .px2vw(8) [ @vw] 0;
                text-align: center;
                font-weight: normal;

                span {
                    float: right;
                    color: #e8eaef;
                }
            }
        }
    }

    tbody {
        tr {
            td {
                background: #f7f8fb;
                border-bottom: 1px solid #e8eaef;
                color: #49536c;
                font-size: .px2vw(11) [ @vw];
                line-height: 20px;
                padding: .px2vw(10) [ @vw];
                text-align: center;
            }
        }
        tr:last-child {
            td {
                border-bottom: none;
            }
        }
    }
}

.upload {
    :global {
        .ant-upload-picture-card-wrapper {
            display: block;
        }

        .ant-upload.ant-upload-select-picture-card {
            width: .px2vw(120) [ @vw];
            height: .px2vw(148) [ @vw];
            float: none;
            margin: 0 auto;
            border: 1px solid #e8eaef;
        }
    }
}

.softList {
    :global {
        .am-list-item .am-list-line .am-list-extra {
            flex-basis: 70%;
        }
    }
}

.commonCtr {
    background-color: #fff;

    :global {
        .am-list-body::before {
            content: normal !important;
        }

        .am-list-item .am-list-line .am-list-content {
            font-size: .px2vw(16) [ @vw];
            color: #2a2f3c;
        }
    }
}

.subtitle {
    font-size: .px2vw(12) [ @vw];
    color: #bcc1cd;
    padding: .px2vw(5) [ @vw] .px2vw(15) [ @vw] 0;
}

.cardTitle {
    color: #2a2f3c;
    font-size: .px2vw(16) [ @vw];
    margin: 0 auto;
    padding: .px2vw(14) [ @vw] 0 0 0;
    font-weight: bold;
}

.archivalInfo {
    margin-top: .px2vw(14) [ @vw];

    span {
        color: #49536c;
    }
}

.itemCtr {
    position: relative;
    padding: .px2vw(4) [ @vw] .px2vw(15) [ @vw];
    font-size: .px2vw(16) [ @vw];
    color: #2a2f3c;
}
